<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">#home #main #r-foot .fMain .col:nth-child(2),#bloc footer .fMain .col:nth-child(2){width: 100%;}
.after-inner #main #r-foot .fMain .col:nth-child(1){display: none;}
.after-inner #main #r-foot .fMain .col:nth-of-type(2){width: 100%;}
@media screen and (max-width:1500px){
	.ie .layout-rowMain{
        width: 1200px;
    }
    #contact #main #r2 .rowMain .wrap .branch-svg svg{
        width: 680px;
        height: 550px;
    }
}
@media screen and (max-width:1366px){
    #contact #main #r2 .rowMain .wrap .branch-svg svg{
        width: 520px;
        height: 450px;
    }
    .after-inner .roll-items &gt; ol &gt; li{margin: 0.1rem 0;}
    #home #main #r4 .rowMain .box .items .col1 .bx .msg{padding:5% 6%;}
    #home #main #r4 .rowMain .box .items .col2 .list_ h4{margin-bottom: 8px;}
    #home #main #r1 .rowMain .wrap .btm .t-next{font-size: 12px;}
    #home #main #r1 .rowMain .wrap .btm .t-prev{font-size: 12px;}
    #home #main #r1 .rowMain .wrap .loop_fn1 .mid .left .msg-box .note .box .bm .more:hover &gt; i{font-size: 12px;}
    #home #main #r1 .rowMain .wrap .loop_fn1 .mid .left .msg-box .note .box .bm .more{font-size: 14px;}
    #home #main #r2 .rowMain .wrap #loop_fn2 nav .movePrev{font-size: 12px;}
    #home #main #r2 .rowMain .wrap #loop_fn2 nav .moveNext{font-size: 12px;}
    #home #main #r2 .rowMain .wrap #loop_fn2 .Tcon .pageChange &gt; li &gt; a i{font-size: 20px;}
    #home #main #r3 .rowMain .wrap .items{padding-bottom: 1.8vw;}
    #home #main #r3 .rowMain .wrap .box .list_ &gt; em{font-size: 0.7rem;line-height: 0.9rem;}
    #home #main #r3 .rowMain .wrap .items .col.c2 .pic{border-bottom-left-radius: 60px;padding-bottom: 105%;}
    #home #main #r3 .rowMain .wrap .items .col.c1 &gt; a{font-size: 14px;}
    #home #main #r4 .rowMain .box h2{padding-bottom: 2vw;font-size: 0.5rem;}
    #home #main #r4 .rowMain .box .items .col1 .bx{border-bottom-right-radius: 40px;}
    #home #main #r4 .rowMain .box .items .col1 .bx .msg &gt; small{font-size: 13px;margin-bottom: 5px;}
    #home #main #r4 .rowMain .box .items .col1 .bx .msg h3{margin-bottom: 6px;}
    #home #main #r4 .rowMain .box .items .col1 .bx .msg p{margin-bottom: 10px;}
    #home #main #r4 .rowMain .box .items .col1 .bx .msg &gt; a{font-size: 14px;}
    #home #main #r4 .rowMain .box .items .col2 .btn_{font-size: 14px;}
    #bloc footer .fMain .col:nth-of-type(2) .box &gt; a,#home #main #r-foot .fMain .col:nth-of-type(2) .box &gt; a,#newDetail #main #r-foot .fMain .col:nth-of-type(2) .box &gt; a,.after-inner #main #r-foot .fMain .col:nth-of-type(2) .box &gt; a{font-size: 12px;margin-bottom: 0;padding: 4px 0;}
    #home #main #r-foot .fMain .col:nth-of-type(2) .box &gt; h3,#bloc footer .fMain .col:nth-of-type(2) .box &gt; h3,#newDetail #main #r-foot .fMain .col:nth-of-type(2) .box &gt; h3,.after-inner #main #r-foot .fMain .col:nth-of-type(2) .box &gt; h3{font-size: 16px;margin-bottom: 0px;}
    #home #main #r-foot .fMain,#bloc footer .fMain,#newDetail #main #r-foot .fMain,.after-inner #main #r-foot .fMain{padding-top: 2.4vw;padding-bottom: 2vw;}

    #home #main #r-foot .fBtm .max-wid,#bloc footer .fBtm .max-wid{height: 65px;}
    .inter &gt; a{font-size: 16px;}

    .after-inner #top .banner .btm .tree &gt; ul &gt; li &gt; i{font-size: 28px;}
    #join #main #r3 .rowMain .items_.pc .list_ .box_{padding-bottom: 160%;}
    #join #main #r3 .rowMain .items_.pc .list_ .box_ .msg &gt; P{font-size: 12px;}
    #join #main #r5 .rowMain .boxs_ .lr .col .msg p{font-size: 12px;}
    #join #main #r5 .rowMain .boxs_ .lr .col .photo .pic{padding-bottom: 55%;}
    #join #main #r5 .rowMain .boxs_ .rr .col .msg p{font-size: 12px;}
    #join #main #r5 .rowMain .boxs_ .rr .col .photo .pic{padding-bottom: 55%;}

    #contact #main #r3 .rowMain .wrap .box_ .items &gt; ul &gt; li{margin: 1vw 0;}
}
@media screen and (max-width:1290px){
    .after-inner .roll-items &gt; ol &gt; li{margin: 0.1rem 0;}
    #home #main #r4 .rowMain .box .items .col1 .bx .msg{padding:5% 6%;}
    #home #main #r4 .rowMain .box .items .col2 .list_ h4{margin-bottom: 8px;}
    #home #main #r1 .rowMain .wrap .btm .t-next{font-size: 12px;}
    #home #main #r1 .rowMain .wrap .btm .t-prev{font-size: 12px;}
    #home #main #r1 .rowMain .wrap .loop_fn1 .mid .left .msg-box .note .box .bm .more:hover &gt; i{font-size: 12px;}
    #home #main #r1 .rowMain .wrap .loop_fn1 .mid .left .msg-box .note .box .bm .more{font-size: 14px;}
    #home #main #r2 .rowMain .wrap #loop_fn2 nav .movePrev{font-size: 12px;}
    #home #main #r2 .rowMain .wrap #loop_fn2 nav .moveNext{font-size: 12px;}
    #home #main #r2 .rowMain .wrap #loop_fn2 .Tcon .pageChange &gt; li &gt; a i{font-size: 20px;}
    #home #main #r3 .rowMain .wrap .items{padding-bottom: 1.8vw;}
    #home #main #r3 .rowMain .wrap .box .list_ &gt; em{font-size: 0.7rem;line-height: 0.9rem;}
    #home #main #r3 .rowMain .wrap .items .col.c2 .pic{border-bottom-left-radius: 60px;padding-bottom: 105%;}
    #home #main #r3 .rowMain .wrap .items .col.c1 &gt; a{font-size: 14px;}
    #home #main #r4 .rowMain .box h2{padding-bottom: 2vw;font-size: 0.5rem;}
    #home #main #r4 .rowMain .box .items .col1 .bx{border-bottom-right-radius: 40px;}
    #home #main #r4 .rowMain .box .items .col1 .bx .msg &gt; small{font-size: 13px;margin-bottom: 5px;}
    #home #main #r4 .rowMain .box .items .col1 .bx .msg h3{margin-bottom: 6px;}
    #home #main #r4 .rowMain .box .items .col1 .bx .msg p{margin-bottom: 10px;}
    #home #main #r4 .rowMain .box .items .col1 .bx .msg &gt; a{font-size: 14px;}
    #home #main #r4 .rowMain .box .items .col2 .btn_{font-size: 14px;}
    #bloc footer .fMain .col:nth-of-type(2) .box &gt; a,#home #main #r-foot .fMain .col:nth-of-type(2) .box &gt; a,#newDetail #main #r-foot .fMain .col:nth-of-type(2) .box &gt; a{font-size: 12px;margin-bottom: 0;}
    #home #main #r-foot .fMain .col:nth-of-type(2) .box &gt; h3,#bloc footer .fMain .col:nth-of-type(2) .box &gt; h3,#newDetail #main #r-foot .fMain .col:nth-of-type(2) .box &gt; h3{font-size: 16px;margin-bottom: 0px;}
    #home #main #r-foot .fMain,#bloc footer .fMain,#newDetail #main #r-foot .fMain{padding-top: 2.4vw;padding-bottom: 2vw;}
    #home #main #r-foot .fBtm .max-wid,#bloc footer .fBtm .max-wid{height: 65px;}
    .inter &gt; a{font-size: 16px;}

    .after-inner #top .banner .btm .tree &gt; ul &gt; li &gt; i{font-size: 28px;}
    #join #main #r3 .rowMain .items_.pc .list_ .box_{padding-bottom: 160%;}
    #join #main #r3 .rowMain .items_.pc .list_ .box_ .msg &gt; P{font-size: 12px;}
    #join #main #r5 .rowMain .boxs_ .lr .col .msg p{font-size: 12px;}
    #join #main #r5 .rowMain .boxs_ .lr .col .photo .pic{padding-bottom: 55%;}
    #join #main #r5 .rowMain .boxs_ .rr .col .msg p{font-size: 12px;}
    #join #main #r5 .rowMain .boxs_ .rr .col .photo .pic{padding-bottom: 55%;}

    #contact #main #r3 .rowMain .wrap .box_ .items &gt; ul &gt; li{margin: 1vw 0;}
}
@media screen and (max-width:1024px){
	
}
@media screen and (orientation : landscape) {
    .cursor {
        position: fixed;z-index: 12000;
        top: 0;
        left: 0;
        transform: translate(calc(var(--x) - var(--width) / 2), calc(var(--y) - var(--height) / 2));
        /* transition-duration: 125ms;
        transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
        transition-property: width, height, transform; */
        pointer-events: none;
        will-change: transform;
    }
    .cursor.cursor1{
        width: var(--width);
        height: var(--height);
        transition: 150ms width cubic-bezier(0.39, 0.575, 0.565, 1),
        150ms height cubic-bezier(0.39, 0.575, 0.565, 1),
        150ms transform cubic-bezier(0.39, 0.575, 0.565, 1);
    }
    .cursor.cursor2{
        width: calc(var(--width) - 8px);
        height: calc(var(--height) - 8px);
        transition: 130ms width cubic-bezier(0.39, 0.575, 0.565, 1),
        130ms height cubic-bezier(0.39, 0.575, 0.565, 1),
        130ms transform cubic-bezier(0.39, 0.575, 0.565, 1);
    }
    .cursor.cursor3{
        width: calc(var(--width) - 10px);
        height: calc(var(--height) - 10px);
        transition: 140ms width cubic-bezier(0.39, 0.575, 0.565, 1),
        140ms height cubic-bezier(0.39, 0.575, 0.565, 1),
        140ms transform cubic-bezier(0.39, 0.575, 0.565, 1);
    }
    .cursor .c2 {
        position: absolute;
        box-sizing: content-box;
        width: calc(100% - 6px);height: calc(100% - 6px);
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        border-radius: var(--radius);
        border: 2px solid transparent;
        /*background-color: #fff;*/
        opacity: var(--scale);
        -webkit-transform: scale(var(--scale));
        transform: scale(var(--scale));
        transition: 300ms opacity cubic-bezier(0.39, 0.575, 0.565, 1),
        300ms transform cubic-bezier(0.39, 0.575, 0.565, 1),
        500ms border-color cubic-bezier(0.39, 0.575, 0.565, 1),
        150ms border-radius cubic-bezier(0.39, 0.575, 0.565, 1);
    }
    .cursor.t1 .c2{
        background-color: rgba(238,186,65,1);
    }
    .app{display: none!important;}
}
@media screen and (orientation : portrait){
	.pc{display: none!important;}
    .cursor_box{display: none;}
    .max-wid{width: 90%;}

    body.fx{
        position: fixed;width: 100%;height: 100%;left: 0;top: 0;overflow: hidden;
    }

    #bloc header{width: 100vw;height: 50px;background-color: rgba(0,0,0,0.8);}
    #bloc footer{width: 100vw;}
    #bloc footer .fMain .col:nth-of-type(1) &gt; img{max-width: 347px;width: 50%;}
    #bloc footer .fMain .col:nth-of-type(1) .ma-box{margin-top: 12px;}
    #bloc footer .fMain .col:nth-of-type(1) .ma-box{margin-right: 10px;}
    .inter &gt; a{font-size: 26px;}
    #bloc footer .fBtm .max-wid{flex-wrap: wrap;align-content: space-around;padding: 10px 0;}
    #bloc footer .fBtm .max-wid &gt; a{width: 100%;}
    #bloc footer .fMain .col:nth-of-type(2){display: none;}
    .after-inner #top{width: 100vw;background-color: #000;}
    .after-inner #top .banner{padding-top: 92px;padding-bottom: 45px;}
    .after-inner #top .banner .topic{margin-bottom: 0;}
    .after-inner #top .banner .topic #icon_all{width: 72px;}
    .after-inner #top .banner .topic .txt_ small{line-height: 2;}
    .after-inner #top .banner .topic .txt_{margin-top: 0;}
    .after-inner #top .banner .topic .txt_ small &gt; span{margin: 0 4px;}
    .after-inner #top .banner .btm{width: 90%;}
    .after-inner #top .banner .btm .tree &gt; ul{border-radius: 3px;}
    .after-inner #top .banner .btm .tree &gt; ul &gt; li &gt; i{font-size: 25px;}
    .after-inner #top .banner .btm .tree &gt; ul &gt; li &gt; span.txt_{font-size: 13px;}
    .after-inner #main .row{z-index: 6;}
    .after-inner .roll-items{display: none;}
    .after-inner #top .banner .btm .tree &gt; ul .mask{max-width: 22.5vw;}
    .layout-page &gt; ol li,.layout-page &gt; ol .gather{width: 32px;height: 32px;line-height: 32px;margin: 0 5px;}
    .layout-page &gt; a{width: 32px;height: 32px;line-height: 31px;margin: 0 5px;}
    #scr_fx{
        animation-play-state: paused;
        animation-duration: 1s;
        animation-iteration-count: infinite;
        animation-direction: alternate;
        will-change: transform, opacity;
        animation-delay: calc(var(--go) * -1s);
        animation-name: scrFn;
        animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    }
    .shadow{
        box-shadow: 0 15px 30px -2px rgba(77, 81, 84, 0.1);
    }
    #v-pop .box_{width: 90%;padding: 0.5em;}
    #v-pop .box_ .go-close{width: 36px;height: 36px;line-height: 36px;font-size: 24px;right: -18px;top: -18px;}

    #home #main #r-foot .fMain, #bloc footer .fMain, #newDetail #main #r-foot .fMain{
        display: none;
    }
    #home #main #r1 .rowMain .wrap{padding: 80px 0 40px 0;}
    #home #main #r1 .rowMain .wrap .loop_fn1 .mid .left .msg-box .note .box{text-align: center;}
    #home #main #r1 .rowMain .wrap .btm{height: calc(100% - 334px);bottom: auto;top: 174px;pointer-events: none;}
    #home #main #r1 .rowMain .wrap .btm .t-next{font-size: 12px;pointer-events: auto;display: none;}
    #home #main #r1 .rowMain .wrap .btm .t-next:hover{color: #00a0e9;}
    #home #main #r1 .rowMain .wrap .btm .t-prev{font-size: 12px;pointer-events: auto;display: none;}
    #home #main #r1 .rowMain .wrap .btm .t-prev:hover{color: #00a0e9;}
    #home #main #r1 .rowMain .wrap .btm .t-prev:after{}
    #home #main #r1 .rowMain .wrap .btm .t-next:after{}
    #home #main #r1 .rowMain .wrap .btm .t-next:hover:after{border: 1px dashed #00a0e9;}
    #home #main #r1 .rowMain .wrap .btm .t-prev:hover:after{border: 1px dashed #00a0e9;}
    #home #main #r1 .rowMain .wrap .loop_fn1 .mid .right .photo{height: 86%;bottom: 0;top:0;margin: auto;max-height: 350px;}
    #home #main #r1 .rowMain .wrap .loop_fn1 .mid{flex-wrap: wrap;position: relative;}
    #home #main #r1 .rowMain .wrap .loop_fn1 .mid .left{width: 100%;height: 100%;}
    #home #main #r1 .rowMain .wrap .loop_fn1 .mid .left .msg-box{padding: 0 1%;height: 100%;}
    #home #main #r1 .rowMain .wrap .loop_fn1 .mid .left .msg-box .note{height: 100%;}
    #home #main #r1 .rowMain .wrap .loop_fn1 .mid .left .msg-box .note .box{height: 100%;display: flex;flex-direction: column;justify-content: space-between;align-items: center;}
    #home #main #r1 .rowMain .wrap .loop_fn1 .mid .left .msg-box .note .box .mid{height: calc(100% - 224px);width: 100%;display: block;}
    #home #main #r1 .rowMain .wrap .loop_fn1 .mid .left .msg-box .note .box .bm .btn_{font-size: 15px;position: relative;height: 38px;line-height: 38px;border-color: rgba(0,0,0,0.5);display: none;}
    #home #main #r1 .rowMain .wrap .loop_fn1 .mid .left .msg-box .note .box .bm .text{height: 72px;}
    #home #main #r1 .rowMain .wrap .loop_fn1 .mid .left .msg-box .note .box .bm .text.on{-webkit-line-clamp:3;padding-right: 0;}
    #home #main #r1 .rowMain .wrap .loop_fn1 .mid .right{position: absolute;height: calc(100% - 224px);width: 100%;background-position: 40% 42%;background-size: 40vw;padding: 0;top: 94px;margin: auto;}
    #home #main #r3 .rowMain .wrap .items{flex-wrap: wrap;position: relative;padding-bottom: 0;margin-bottom: 4vw;}
    #home #main #r3 .rowMain .wrap .items .col.c1{width: 100%;padding: 0 5%;position: absolute;height: 100%;top: 0;left: 0;display: flex;align-items: center;justify-content: flex-start;align-content: center;flex-wrap: wrap;}
    #home #main #r3 .rowMain .wrap .items .col.c2{width: 100%;opacity: 0.12;}
    #home #main #r3 .rowMain .wrap .items .col.c2 .pic{border-bottom-left-radius: 30px;border-top-right-radius: 30px;}
    #home #main #r3 .rowMain .wrap .items .col.c1 &gt; a{font-size: 15px;height: 38px;line-height: 38px;border-color: rgba(0,0,0,0.5);}
    #home #main #r3 .rowMain .wrap .items .col.c1 h2{margin-bottom: 0.4rem;padding-right: 0.3rem;padding-bottom: 0.2rem;}
    #home #main #r3 .rowMain .wrap .items .col.c1 p{margin-bottom: 0.4rem;}
    #home #main #r3 .rowMain .wrap .box{flex-wrap: wrap;}
    #home #main #r3 .rowMain .wrap .box .list_{width: 50%;text-align: center;margin-top: 12px;}
    #home #main #r3 .rowMain .wrap .box .list_ &gt; em{text-align: left;font-size: 0.6rem;line-height: 0.8rem;}
    #home #main #r3 .rowMain .wrap .box .list_ &gt; span{text-align: left;}
    #home #main #r3 .bg .txt_{font-size: 3rem;line-height: 3rem;bottom: 0;}
    #home #main #r4{padding-bottom: 0.5rem;padding-top: 1.4rem;}
    #home #main #r4 .rowMain{width: 100%;}
    #home #main #r4 .rowMain .box h2{padding-bottom: 0;}
    #home #main #r4 .rowMain .box{height: 100%;width: 100%;display: flex;flex-direction: column;justify-content: space-around;align-items: center;}
    #home #main #r4 .rowMain .box .items .col1 .bx{border-bottom-right-radius: 0px;box-shadow: 0 15px 30px -2px rgba(77, 81, 84, 0.1);border-bottom-left-radius: 18px;  border-top-left-radius: 18px;  overflow: hidden;}
    #home #main #r4 .rowMain .box .items{flex-wrap: wrap;}
    #home #main #r4 .rowMain .box .items .col1{width: 100%;}
    #home #main #r4 .rowMain .box .items .col2{width: 100%;}
    #home #main #r4 .rowMain .box .items .col1 .bx .msg &gt; a,#home #main #r4 .rowMain .box .items .col2 .btn_{font-size: 15px;height: 38px;line-height: 38px;border-color: rgba(0,0,0,0.5);width: 2.6rem;}
    #home #main #r4 .rowMain .box .items .col1 .bx .msg{padding:6% 5%;background-color: #fff;}
    #home #main #r4 .rowMain .box .items .other{left: 0;}
    #home #main #r4 .rowMain .box .items .other .txt_{font-size: 2rem;line-height: 2rem;}
    #home #main #r4 .rowMain .box .items .col1 .bx .msg p{margin-bottom: 15px;}
    #home #main #r4 .rowMain .box .items .col1 .bx .msg &gt; small{margin-bottom: 6px;font-size: 15px;}
    #home #main #r4 .rowMain .box .items .col1 .bx .msg h3{margin-bottom: 10px;}
    #home #main #r2 .rowMain .wrap #loop_fn2 .component .Tcon{top: 50px;width: 100%;}
    #home #main #r2 .rowMain .wrap #loop_fn2 nav .movePrev{font-size: 12px;}
    #home #main #r2 .rowMain .wrap #loop_fn2 nav .moveNext{font-size: 12px;}
    #home #main #r2 .rowMain .wrap #loop_fn2 .Tcon .pageChange &gt; li{text-align: center;margin: 0 18px;}
    #home #main #r2 .rowMain .wrap #loop_fn2 .Tcon .pageChange &gt; li &gt; a{width: 45px;height: 45px;line-height: 45px;}
    #home #main #r2 .rowMain .wrap #loop_fn2 .Tcon .pageChange &gt; li &gt; a i{font-size: 20px;}
    #home #main #r2 .rowMain .wrap #loop_fn2 .Tcon .pageChange &gt; li &gt; h5{margin-top: 0;}
    #home #main #r2 .rowMain .wrap #loop_fn2 .Tcon .pageChange &gt; li:before{top: 21px;width: 20px;}
    #home #main #r2 .rowMain .wrap .box_ #sw_child .swiper-wrapper &gt; div.swiper-slide &gt; a{width: 54px;height: 54px;line-height: 54px;}
    #home #main #r2 .rowMain .wrap .box_ #sw_child .swiper-wrapper &gt; div.swiper-slide &gt; h5{margin-top: 0;}
    #home #main #r2 .rowMain .wrap .box_ #sw_child .swiper-wrapper &gt; div.swiper-slide &gt; a i{font-size: 24px;}
    #home #main #r2 .rowMain .wrap .box_ #sw_child{pointer-events: none;bottom: 9vw;}

    .fullpager{position: fixed;width: 100%;height: 100%;left: 0;top: 0;overflow: hidden;}
    #download.after-inner #top .banner .btm .tree &gt; ul .mask{max-width: 100vw;}
    #download{position: fixed;top: 0;left: 0;width: 100vw;height: 100%;z-index: 10;}
    #download #main #r1 .bgBox .txt_{font-size: 2rem;}
    #download #main #r1 .rowMain .wrap{display: flex;align-items: center;margin-left: -1px;width: 100%;}
    #download #main #roll #r1 .rowMain{width: 100%;}
    #download #main #roll #r1 .rowMain .topic{margin: auto;margin-bottom: 0;width: calc(90% - 9px);}
    #download #main #r1 .rowMain .wrap{padding: 10px;}
    #download #main #r1 .rowMain .wrap .items_ .swiper-slide{width: 90%;padding-left: 0px;padding-right: 0px;transform: scale(0.9);opacity: 0.5;transition: all 0.5s ease-in-out;}
    #download #main #r1 .rowMain .wrap .items_ .swiper-slide.swiper-slide-active{opacity: 1;transform: none;}
    #download #main #r2 .rowMain .wrap{padding-top: 6vw;align-items: flex-start;}
    #download #main #r2 .rowMain .wrap .con{width: 100%;position: relative;z-index: 10;}
    #download #main #r2 .rowMain .wrap .con .ma-box{width: 100%;justify-content: space-between;}
    #download #main #r2 .rowMain .wrap .con .ma-box .box_ &gt; img{width: 37vw;max-width: 165px;}
    #download #main #r2 .rowMain .wrap .up{z-index: 4;width: 100%;display: flex;justify-content: center;}
    #download #main #r2 .rowMain .wrap .up &gt; img{height: 70vw;}
    #download #main #r3 .rowMain{width: 100%;}
    #download #main #r3 .bgBox .txt_{font-size: 2rem;}
    #download #main #r3 .rowMain .topic{padding-right: calc(5% + 10px);padding-left: calc(5% + 10px);}
    #download #main #r3 .rowMain .btm_{padding: 0 10px;}
    #download #main #r3 .rowMain .wrap{padding: 10px;min-height: calc(100% - 320px);}
    #download #main #r3 .rowMain .wrap .items_{flex-wrap: inherit;}
    #download #main #r3 .rowMain .wrap .items_ .swiper-slide{width: 90%;padding: 0 0;opacity: 0.5;transform: scale(0.9);transition: all 0.5s ease-in-out;}
    #download #main #r3 .rowMain .wrap .items_ .swiper-slide.swiper-slide-active{opacity: 1;transform: none;}
    #download #main #r3 .rowMain .wrap .items_ .swiper-slide .list_{box-shadow: 0 3px 10px -2px rgba(114, 114, 114, 0.2)}
    #download #main #r4 .rowMain{width: 100%;}
    #download #main #r4 .rowMain .wrap{padding: 5%;height: calc(100% - 120px);}
    #download #main #r4 .rowMain .wrap .item_{height: 100%;}
    #download #main #r4 .rowMain .wrap .item_ .swiper-slide{width: 68%;}
    #download #main #r4 .rowMain .wrap .item_ .swiper-slide .list_ .photo{width: 100%;}


    #QA.after-inner #top .banner .btm .tree &gt; ul .mask{max-width: 100vw;}
    #QA #main #r1 .rowMain .top_{padding: 4vw 0;}
    #QA #main #r1 .rowMain .items_ .list{width: 100%;border-width: 1px;padding: 10px 0;}
    #QA .search-box form .search-con{width: 30vw;}
    #QA .search-box form .go-search{height: 30px;line-height: 30px;}


    #new #main{position: relative;}
    #new #main #r1 .rowMain .top_{padding: 5vw 0;}
    #new #main #r1 .rowMain .items_ .list{flex-wrap: wrap;height: auto;width: 100%;padding: 20px 0;}
    #new #main #r1 .rowMain .items_ .list .photo{width: 100%;position: relative;top: 0;margin-bottom: 10px;}
    #new #main #r1 .rowMain .items_ .list .msg{width: 100%;}

    #newDetail #top{background-color: transparent;width: 90%;height: 150px;}
    #newDetail #main #r-foot #foot{position: relative;}
    #newDetail #main #r1 .rowMain .wrap .title{flex-wrap: wrap;}
    #newDetail #main #r1 .rowMain .wrap .title h2{width: 100%;margin-bottom: 10px;}
    #newDetail #main #r1 .rowMain .wrap .title small{width: 100%;margin-left: 0;}
    #newDetail #main #r1{min-height: 50vh;}

    #join #main #r1{padding-top: 60px;overflow: hidden}
    #join #main #r1 .bgBox .txt_{font-size: 2rem;top: 0;}
    #join #main #r1 .rowMain .wrap{align-items: flex-start;align-content: flex-start;}
    #join #main #r1 .rowMain .wrap .box_{height: 100%;align-content: space-around;flex-wrap: wrap;padding-bottom: 65vw;}
    #join #main #r1 .rowMain .wrap .box_ .col{text-align: left;width: 100%;}
    #join #main #r1 .rowMain .wrap .btm_{padding-bottom: 65%;}
    #join #main #r1 .rowMain .wrap .btm_ &gt; .pic{padding-bottom: 60%;}
    #join #main #r1 .rowMain .wrap .box_ .col:nth-of-type(2) &gt; div{line-height: 1.5;}
    #join #main #r2{padding-top: 60px;overflow: hidden}
    #join #main #r2 .rowMain .wrap{align-items: flex-start;align-content: flex-start;}
    #join #main #r2 .bgBox .txt_{font-size: 2rem;top: 0;}
    #join #main #r2 .rowMain .wrap .box_{height: 100%;align-content: space-around;flex-wrap: wrap;padding-bottom: 65vw;}
    #join #main #r2 .rowMain .wrap .box_ .col{text-align: left;width: 100%;}
    #join #main #r2 .rowMain .wrap .btm_{padding-bottom: 65%;}
    #join #main #r2 .rowMain .wrap .btm_ &gt; .pic{padding-bottom: 60%;}
    #join #main #r3 .rowMain{width: 100%;}
    #join #main #r3 .rowMain .wrap{min-height: calc(100% - 50px);display: flex;  flex-wrap: wrap;  align-items: center;  align-content: space-between;}
    #join #main #r3 .rowMain .items_.app{padding-bottom: 40px;}
    #join #main #r3 .rowMain .topic{padding: 0 5%;}
    #join #main #r3 .rowMain .items_.app .swiper-wrapper .swiper-slide .list_{border-radius: 20px;overflow: hidden;}
    #join #main #r3 .rowMain .items_.app .swiper-wrapper .swiper-slide .list_ .box_ .msg &gt; P{line-height: 1.5;}
    #join #main #r6 .bgBox .pic{top: 0;}
    #join #main #r4 .rowMain .wrap{min-height: calc(100% - 50px);display: flex;  flex-wrap: wrap;  align-items: center;  align-content: space-between;}
    #join #main #r4 .rowMain .items_{flex-wrap: wrap;}
    #join #main #r4 .rowMain .items_ .list_{width: calc(100%/3);padding: 4px 6px;}
    #join #main #r4 .rowMain .items_ .list_ &gt; i{font-size: 32px;}
    #join #main #r4 .rowMain .items_ .list_ &gt; span{font-size: 13px;}
    #join #main #r4 .rowMain .items_ .btn_{top: -0.32rem;}
    #join #main #r4 .rowMain .items_{padding-top: 8vw;}
    #join #main #r5 .rowMain .wrap{min-height: calc(100% - 50px);display: flex;  flex-wrap: wrap;  align-items: center;  align-content: space-between;}
    #join #main #r5 .rowMain .boxs_.app{padding-bottom: 60px;}
    #join #main #r5 .rowMain .boxs_ .rr .col{width: 100%;flex-wrap: wrap;}
    #join #main #r5 .rowMain .boxs_ .rr .col .photo{width: 100%;}
    #join #main #r5 .rowMain .boxs_ .rr .col .msg{width: 100%;padding-left: 0;padding-top: 6%;padding-bottom: 0;}
    #join #main #r5 .rowMain .boxs_ .rr .col .msg .line{display: none;}
    #join #main #r6 .rowMain .topic{padding-top: 8vw;}
    #join #main #r6 .bgBox .txt_box{top: auto;bottom: 7.4rem;}
    #join #main #r7 .bgBox .pic{background-size: 100%;background-position: center bottom;}
    #join #main #r7 .rowMain{padding-top: 30vw;}
    #join #main #r7 .rowMain .topic .txt_bg{white-space: nowrap;}
    #join #main #r7 .rowMain .topic .txt_bg &gt; span{font-size: 1rem;margin: 0 -2px;}
    #join #main #r7 .rowMain .btn_{height: 40px;line-height: 40px;width: 3.7rem;margin-top: 10vw;font-size: 16px;}

    #contact #main #r1 .rowMain .wrap{display: flex;  flex-wrap: wrap;  align-items: center;  align-content: stretch;min-height: calc(100% - 50px);}
    #contact #main #r1 .rowMain .wrap .top_{flex-wrap: wrap;}
    #contact #main #r1 .rowMain .wrap .top_ .col:nth-of-type(1){width: 100%;margin-bottom: 14px;}
    #contact #main #r1 .rowMain .wrap .top_ .col:nth-of-type(2){width: 100%;}
    #contact #main #r1 .rowMain .wrap .top_ .col:nth-of-type(2) .photo{border-radius: 8px;}
    #contact #main #r1 .rowMain .wrap .btm_ .items_{margin-top: 8vw;}
    #contact #main #r1 .rowMain .wrap .btm_ .items_ .list_ &gt; span:nth-of-type(1){width: 38px;margin: auto;height: 38px;line-height: 38px;font-size: 16px;margin-bottom: 10px;}
    #contact #main #r1 .rowMain .wrap .btm_ .items_ .list_{flex-wrap: wrap;text-align: center;}
    #contact #main #r1 .rowMain .wrap .btm_ .items_ .list_ &gt; span:nth-of-type(2){width: 100%;border-radius: 10px;}
    #contact #main #r1 .rowMain .wrap .btm_ .items_ .list_ &gt; span:nth-of-type(2) &gt; em{font-size: 14px;}
    #contact #main #r2 .rowMain .wrap .map_sel_case .map_sel_box{height: 58px;}
    #contact #main #r2 .rowMain .wrap .map_sel_case .map_sel_box &gt; .pure{height: 58px;padding: 12px;}
    #contact #main #r2 .rowMain .wrap .map_sel_case .city_sel_con{padding: 12px;height: calc(100% - 58px);}
    #contact #main #r2 .rowMain .wrap{flex-wrap: wrap;height: calc(100% - 15px);}
    #contact #main #r2 .rowMain .wrap .branch-svg{padding-top: 0;height: 68vw;}
    #contact #main #r2 .rowMain .wrap .branch-svg svg{width: 90vw;height: 77.8vw;}
    #contact #main #r2 .rowMain .wrap .map_sel_case{width: 100%;height: calc(100% - 69vw);}
    #contact #main #r3 .rowMain .wrap{min-height: calc(100% - 30px);display: flex;align-items: flex-end;}
    #contact #main #r3 .rowMain .wrap .box_{width: 100%;border-radius: 10px;}
    #contact #main #r3 .rowMain .wrap .box_ .topic{height: 50px;}
    #contact #main #r3 .rowMain .wrap .box_ .topic div &gt; em{margin: 0 16px;font-size: 18px;vertical-align: baseline;}
    #contact #main #r3 .rowMain .wrap .box_ .items{padding: 3vw;}
    #contact #main #r3 .rowMain .wrap .box_ .items .set_ .inter &gt; a{padding: 8px;}
    #contact #main #r1 .rowMain .wrap .btm_ .items_ .list_ &gt; span:nth-of-type(2) &gt; b{font-size: 20px;}
    #contact #main #r1 .rowMain .wrap .btm_ .items_ .list_ &gt; span:nth-of-type(2) &gt; small{font-size: 12px;}
    #contact #main #r2 .rowMain .wrap .map_sel_case .city_sel_con &gt; ul &gt; li .map_contact p &gt; b{font-size: 13px;}
    #contact #main #r2 .rowMain .wrap .map_sel_case .map_sel_box &gt; .pure &gt; div &gt; em{font-size: 14px;vertical-align: baseline;}
    #contact #main #r3 .rowMain .wrap .box_ .items .set_ .inter &gt; a{font-size: 20px;}
    #home #main #r3 .rowMain .wrap .box{align-items: flex-start;}
    #home #main #r4 .rowMain .box .items .swiper-container{padding-top: 10px;}
    .inter .items{left: 0;bottom: 78%;}
    .inter .items &gt; span:after{left: 11px;}
    #home .swiper-button-prev,#home .swiper-button-next{
        display: block;
    }
    .after-inner #main .row{padding-bottom: 0.4rem!important;}
    #home #main #r1 .rowMain{padding-bottom: 0.4rem;}
    #home #main #r3 .rowMain{padding-bottom: 0.4rem;}
    #home #main #r4 .rowMain{padding-bottom: 0.4rem;}
    #home #main #r2 .rowMain .wrap .box_{padding-bottom: 0.4rem;}
    #home #top .banner{padding-top: 50px;}
    #home #main #r1 .rowMain .wrap .loop_fn1 .mid .right .photo .pic{
        background-size: contain;
    }
    @media screen and (max-height:605px){
        #home #main #r3 .rowMain .wrap .items .col.c1{position: relative;padding: 3vw 5%;}
        #home #main #r3 .rowMain .wrap .items .col.c2{position: absolute;height: 100%;}
        #home #main #r3 .rowMain .wrap .items .col.c2 .pic{padding-bottom: 0;height: 100%;border-bottom-left-radius: 20px;  border-top-right-radius: 20px;}
        #home #main #r3 .rowMain .wrap .items .col.c1 &gt; a,#home #main #r4 .rowMain .box .items .col1 .bx .msg &gt; a{font-size: 12px;height: 32px;line-height: 32px;}
        #home #main #r3 .rowMain .wrap .items .col.c1 h2{margin-bottom: 0.2rem;}
    }

    #contact #main #r4 .wrap .con .box form .in-row{
        width: 100%;
    }
    #contact #main #r4 .wrap .con .box form .in-row input[type=text]{
        line-height: 36px;
    }
    #contact #main #r4 .wrap .con .box form .in-row .dropdown &gt; span{
        line-height: 36px;
    }
    #contact #main #r4 .wrap .con .box form .in-row &gt; span{
        line-height: 36px;width: 1rem;
    }
    #contact #main #r4 .wrap .con .box form .in-row textarea{
        height: 76px;
    }

    #download #main #r2 .rowMain .wrap .up{
        bottom: -11%;
    }
}

@media screen and (max-height:580px){
    #home #main #r3 .rowMain .wrap .items .col.c1 p{margin-bottom: 0.2rem;}
    #home #main #r3 .rowMain .wrap .items{margin-bottom: 0;}
    #download #main #r4 .rowMain .wrap{height: calc(100% - 90px);}

}


</pre></body></html>